<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>完善信息</title>
    <link rel="stylesheet" href="__CSS__/userweb/common.css">
    <link rel="stylesheet" href="__CSS__/userweb/register.css">
</head>
<body>
<div class="header">
    <div class="header_content">
        <div class="logo" onclick="homePage()">
            <span>小货郎</span>
        </div>
        <div class="cut_line"></div>
        <div class="login_title">
            <div class="title_zh">完善信息</div>
            <div class="title_en">please provide full information</div>
        </div>
    </div>
</div>
<div class="reg_container">
    <div class="reg_cont_box">
        <div class="improve_form_content" id="improveInfo">
                <div class="reg_form_left">
                    <div class="reg_form_box">
                        <div class="input_box">
                            <div class="input_cont_box my_mar_bottom">
                                <input type="text" class="input_sty tel" v-model="list.name" onblur="showInput(this)">
                                <div class="input_title" onclick="hiddenDiv(this)">
                                    <div class="input_title_zh">店铺名称</div>
                                    <div class="input_title_en">name of store</div>
                                </div>
                            </div>
                            <div class="input_cont_box my_mar_bottom">
                                <input type="text" class="input_sty tel" v-model="list.tel" onblur="showInput(this)">
                                <div class="input_title" onclick="hiddenDiv(this)">
                                    <div class="input_title_zh">商铺电话</div>
                                    <div class="input_title_en">store's telephone number</div>
                                </div>
                            </div>
                            <div class="input_cont_box my_mar_bottom">
                                <input type="text" class="input_sty tel" v-model="list.phone" onblur="showInput(this)">
                                <div class="input_title" onclick="hiddenDiv(this)">
                                    <div class="input_title_zh">联系人电话</div>
                                    <div class="input_title_en">contact telephone number</div>
                                </div>
                            </div>
                            <div class="input_code_box my_mar_bottom">
                                <input type="text" class="input_code" v-model="list.postcode" onblur="showInput(this)">
                                <div class="input_title" onclick="hiddenDiv(this)">
                                    <div class="input_title_zh">店铺邮编</div>
                                    <div class="input_title_en">store's postcode</div>
                                </div>
                            </div>
                            <div class="get_code_btn my_mar_bottom" @click="getAddr()">
                                <div class="my_title_zh">获取地址</div>
                                <div class="my_title_en">obtain address</div>
                            </div>
                            <div class="input_cont_box my_mar_bottom">
                                <input type="text" class="input_sty pwd" v-model="list.addr" id="myAddress" readonly onblur="showInput(this)" >
                                <div class="input_title" onclick="hiddenDiv(this)">
                                    <div class="input_title_zh">店铺地址</div>
                                    <div class="input_title_en">store's address</div>
                                </div>
                            </div>
                            <div class="my_address_box">
                                <div class="address_list_box">
                                    <div class="my_address_list"  onclick="show(this)" v-for="list in codeList">
                                        <div class="title_en" @click="codeAdd(list)">{{list.postal_code}},{{list.addr}}</div>
                                    </div>
                                </div>
                                <button class="address_submit_btn" onclick="Determine()" >
                                    <div class="my_title_zh">确定</div>
                                    <div class="my_title_en ">determine</div>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="improve_line"></div>
                <div class="reg_form_right">
                    <div class="reg_form_box">
                        <div class="input_cont_box my_mar_bottom">
                            <input type="text" class="input_sty tel" v-model="list.company_name" onblur="showInput(this)">
                            <div class="input_title" onclick="hiddenDiv(this)">
                                <div class="input_title_zh">公司名称</div>
                                <div class="input_title_en">company name</div>
                            </div>
                        </div>
                        <div class="input_cont_box my_mar_bottom">
                            <input type="text" class="input_sty tel" v-model="list.user_name" onblur="showInput(this)">
                            <div class="input_title" onclick="hiddenDiv(this)">
                                <div class="input_title_zh">联系人</div>
                                <div class="input_title_en">contact</div>
                            </div>
                        </div>
                        <div class="input_cont_box my_mar_bottom">
                            <input type="text" class="input_sty tel" v-model="list.email" onblur="showInput(this)">
                            <div class="input_title" onclick="hiddenDiv(this)">
                                <div class="input_title_zh">邮箱</div>
                                <div class="input_title_en">email address</div>
                            </div>
                        </div>
                        <button class="my_submit_btn my_improve" @click="submit()">
                            <div class="my_title_zh">确定</div>
                            <div class="my_title_en">determine</div>
                        </button>
                    </div>
                </div>
                <div class="clr"></div>
        </div>
    </div>
</div>
{include file="html/Common/registerFooter"}
</body>
<script src="__JS__/vue.js"></script>
<script src="__JS__/vue-resource.js"></script>
<script src="__JS__/userweb/jquery.min.js"></script>
<script src="__JS__/userweb/common.js"></script>
<script src="__JS__/layer.js"></script>
<script src="__JS__/userweb/login/improveInfo.js"></script>
<script>
    function  showAddress() {
        $(".my_address_box").show();
    }
    function  hideAddress() {
        $(".my_address_box").hide();
    }
    function Determine() {
        hideAddress();
        $("#myAddress").show();
        $("#myAddress").next('div').hide();
    }
    function  show($this) {
        $($this).addClass('active');
        $($this).siblings().removeClass('active');
    }
    function homePage() {
        location.href = "/userweb/index/index.html";
    }
</script>
</html>